<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网易云音乐</title>
		<link rel="stylesheet" type="text/css" href="css/musicFriend.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link
		type="image/icon"
		rel="icon"
		href="../ico/wyy.ico"
	/>
	</head>
	<body>
		<header>
			<div id="h_top" class="pos">
				<a href="javascript:void(0)" id="cloud_music" class="block center abs">
					<img src="img/header/cloudMusic_img.png" >网易云音乐
				</a>
				<ul id="ul_top" class="inblock cl">
					<li class="left"><a href="../cloudMusic/cloudMusic.html" target="_self" class="f14 txt-center block">发现音乐</a></li>
					<li class="left"><a href="../myMusic/myMusic.html" target="_self" class="f14 txt-center block">我的音乐</a></li>
					<li class="left pos"><a href="#" class="f14 txt-center block">朋友</a><img src="img/header/red_tip.png" class="abs"></li>
					<li class="left"><a href="../musicStore/musicStore.html" target="_blank" class="f14 txt-center block">商城</a></li>
					<li class="left"><a href="#" class="f14 txt-center block">音乐人</a></li>
					<li class="left"><a href="../downLoad/download.html" target="_self" class="f14 txt-center block">下载客户端</a><span class="abs txt-center block">HOT</span></li>
					<form action="" method="post">
						<input type="text" name="search" id="sch" class="abs" value="" placeholder="音乐/视频/电台/用户"/>
					</form>
					<a href="../autherCenter/autherCenter.html" target="_blank" id="auther_center" class="abs txt-center f12">创作者中心</a>
					<a href="#" id="loading" class="abs decoration f12">登陆</a>
				</ul>
			</div>
			<div id="row"></div>
		</header>
		
		<section>
			<div id="outer">
				<div id="inner" class="f14">
					你可以关注明星和好友品味他们的私房歌单<br>通过他们的动态发现更多精彩音乐
				</div>
				<a href="#" class="block">立即登陆</a>
			</div>
		</section>
		
		
		<footer>
			<div id="conten" class="pos">
				<ul id="conten-help" class="abs cl wpn">
					<li class="left"><a href="#" class="f12 block txt-center">服务条款</a></li>
					<li class="left"><a href="#" class="f12 block txt-center">隐私政策</a></li>
					<li class="left"><a href="#" class="f12 block txt-center">儿童隐私政策</a></li>
					<li class="left"><a href="#" class="f12 block txt-center">版权投诉指引</a></li>
					<li class="left"><a href="#" class="f12 block txt-center">意见反馈</a></li>
				</ul><br>
				<p id="company-infor">网易公司版权所有©1997-2019&emsp;杭州乐读科技有限公司运营：浙网文[2018]3506-263号</p>
				<p id="call">违法和不良信息举报电话：0571-89853516&emsp;举报邮箱：ncm5990@163.com</p>
				<ul id="icon" class="abs cl">
					<li class="left txt-center"><a href="#"><img src="img/footer/user.png">用户认证</a></li>
					<li class="left txt-center"><a href="#"><img src="img/footer/person-music.png">独立音乐人</a></li>
					<li class="left txt-center"><a href="#"><img src="img/footer/admire.png">赞赏</a></li>
					<li class="left txt-center"><a href="#"><img src="img/footer/video-reward.png">视频奖励</a></li>
				</ul>
			</div>
			
			<div id="video">
				<!-- 最右侧钥匙部分 -->
				<div id="vi-key" class="abs bkground-video">
					<a id="key" class="pos bkground-video block" href="javascript:void(0)"></a>
				</div>
				<!-- 中心部分按钮 -->
				<div id="vi-center" class="left mtm pos cl">
					<!-- 上下暂停播放按钮 -->
					<div id="btns" class="left">
						<a href="#" class="bkground-video block mtm left" id="previous" title="上一曲"></a>
						<a href="#" class="bkground-video block mtn left mln" id="stop" title="暂停"></a>
						<a href="#" class="bkground-video block mtm left mln" id="next" title="下一曲"></a>
					</div>
					<div id="music-pic">
						<img src="img/footer/music-pic.jpg" class="abs">
						<a href="#" class="abs block bkground-video"></a>
					</div>
					<!-- 进度条设置 -->
					<div id="play" class="" class="pos">
						<div id="space"></div>
						<div class="pos">
							<div id="bar" class="pos"></div>
							<span id="bar-pic" class="abs bkground-iconall pos"></span>
						</div>
						<!-- 进度时间 -->
						<span id="time" class="abs">
							<em>00:00</em>
							/ 00:00
						</span>
					</div>
					<!-- 文档和分享按钮 -->
					<div id="doc-share" class="abs cl">
						<a href="#" id="doc" class="bkground-video left"></a>
						<a href="#" id="share" class="bkground-video left"></a>
					</div>
					<!-- 其他三个按钮 -->
					<div id="other" class="abs bkground-iconall cl">
						<a href="#" id="voice" class="left bkground-video"></a>
						<a href="#" id="change" class="left bkground-video" title="循环"></a>
						<a href="#" id="doc-stop" class="left bkground-video block txt-center decoration mtm" title="播放列表">0</a>
					</div>
				</div>
				
			</div>
		</footer>
	</body>
</html>
